<script type="text/javascript" src="<?php echo $this->config->item("plugin_path"); ?>forms/maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item("plugin_path"); ?>forms/togglebutton/jquery.toggle.buttons.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item("plugin_path"); ?>forms/timeentry/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item("plugin_path"); ?>forms/select/select2.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item('js_path');?>forms.js"></script><!-- Core js functions -->
<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4>
					<span>Form Cetak Grafik Lingkaran dan Batang</span>
				</h4>
			</div>
			<div class="panel-body">
				<form class="form-horizontal" action="" method="post" id="form-validate" role="form">
					<div class="form-group">
						<label class="col-lg-3 control-label" for="">Tanggal Awal</label>
						<div class="col-lg-3">
							<input type="text" name="tgl_awal" value="<?php echo set_value("tgl_awal"); ?>" id="" class="form-control datepicker">
						</div>
					</div><!-- End .form-group  -->
					<div class="form-group">
						<label class="col-lg-3 control-label" for="">Tanggal Akhir</label>
						<div class="col-lg-3">
							<input type="text" name="tgl_akhir" value="<?php echo set_value("tgl_akhir"); ?>" id="" class="form-control datepicker">
						</div>
					</div><!-- End .form-group  -->
					<div class="form-group">
						<div class="col-lg-offset-3 col-lg-9">
							<button type="submit" class="btn btn-info"><span class="iconic-icon-chart white"></span> Cetak</button>
							<button type="reset" class="btn btn-info"><span class="icon-remove icon-white"></span> Reset</button>
						</div>
					</div><!-- End .form-group  -->

				</form>

			</div>
		</div>
	</div>

</div><!-- End .panel -->

<script language="javascript">
$(document).ready(function() {
    $("#form-validate").validate({
    	ignore: null,
    	ignore: 'input[type="hidden"]',
    	rules: {
			tgl_awal: "required",
			tgl_akhir: "required"
		},
		messages: {
			tgl_awal: "Baris ini wajib diisi !!!",
			tgl_akhir: "Baris ini wajib diisi !!!"
		}
    });
});
</script>